<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>初始IQuery</title>
		<!-- JQuery框架---JavaScript 行为层，做页面触发效果
		     IQuery框架封装了JavaScript所有功能,JQuery框架【叫做js类型】
			 一、使用JQuery使用
			 ①官方网站下载JQuery框架，版本格式：jquery-1.11.1.js
			   注意：JQuery-2-xx.js   以上版本不支持IE 6、7、8
			 ②引入JQuery框架，在head元素中，添加script元素
			 ③JQuery语法使用，在后标记body元素前加 script元素，在这个元素中写JQ语法
			 
			 JQueryScript三部分组成    EMCAScript 核心语法 理解：java基础
			                          功能：做逻辑
									  输出语句1.document.write("内容+元素")
									         效果直接输出页面中
											   【较为常用】
											  2.console.log("内容+变量值")
											  任何浏览器F12，直接在控制台输出内容+变量值
											  调试页面数据，查看页面程序运行状态
											  【非常常用】
											  3.alert("内容+变量值")
											   弹出框，测试功能是否生效,Debug页面方式
											  4.confirm("内容")
											   弹出框，判断基础逻辑
											【重点】DOM Document Object Model 文档节点对象模型
											        功能：改变页面效果【结合逻辑操作页面 元素和属性】
													改变页面效果---DOM树概念
													JS/JQ  写在最后一个body前元素
													DOM认为页面一颗DOM树，树根document
													按照html元素结构，body元素中页面出现
													元素最多位置，等待元素出现，才可以改变
													元素效果
													
													
											BOM   Browser  Object Model 浏览器对象模型
											针对浏览器功能操作
											功能：改变浏览器效果【结合逻辑操作浏览器功能】
			  
		 -->
		 <script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<script>
			$("button").click(function(){document.write("<h1>准备下课<h1>")})
		</script>
	</body>
</html>